<admintpl file="header"/>
<body class="J_scroll_fixed">
<div class="wrap J_check_wrap">
  <ul class="nav nav-tabs">
     <li><a href="{:U('Statistics/index')}">用户列表</a></li>
     <li><a href="{:U('Statistics/source')}">来源统计</a></li>
     <li class="active"><a href="{:U('Statistics/month')}">月注册数</a></li>
     <li><a href="{:U('Statistics/day')}">日注册数</a></li>
  </ul>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="height:450px;width: 800px;"></div>
    <!-- ECharts单文件引入 -->
    <script src="__ROOT__/statics/js/echarts.js"></script>
    <script type="text/javascript">
        // 路径配置
        require.config({
            paths: {
                echarts: 'http://echarts.baidu.com/build/dist'
            }
        });
        
        // 使用
        require(
            [
                'echarts',
                'echarts/chart/pie'
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('main')); 
                
                var option = {
    title : {
        text: '最近6个月用户注册量',
        x:'center'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{c}人 ({d}%)"
    },
    legend: {
        orient : 'vertical',
        x : 'left',
        data:[]
    },
    toolbox: {
        show : true,
        feature : {
            magicType : {
                show: false, 
                type: ['pie']
            },
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : false,
    series : [
        {
            type:'pie',
            radius : '55%',
            center: ['50%', '50%'],
            data:[
				<php>
						for($i = 0;$i < count($num);$i++){
							if($i == 0)
							{
								echo '{value:"'.$num[$i][num].'",name:"本月"},';
							}
							if($i != 0){
								echo '{value:"'.$num[$i][num].'",name:"'.$num[$i][mon].'"},';
							}
						}
				</php>
            ]
        }
    ]
};
                    
                    
        
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
            }
        );
    </script>
</div>

</body>
</html>